<!-- sidebar.html -->
   <div class="layui-header">
    <!-- logo -->

    <div class="layui-logo layui-hide-xs layui-bg-black">
        <img src="/images/logo.ico" class="logo">
        <img src="/images/logo2.png" class="logo">
        <img src="/images/logo3.png" class="logo">
    </div>
    <ul class="layui-nav layui-layout-right">
      <li class="layui-nav-item layui-hide layui-show-sm-inline-block">
        <a href="javascript:;">
          <img src="//unpkg.com/outeres@0.0.10/img/layui/icon-v2.png" class="layui-nav-img">
          your name
        </a>
      </li>
      <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
        <a href="javascript:;">
          <i class="layui-icon layui-icon-more-vertical"></i>
        </a>
      </li>
    </ul>
  </div>
<div class="layui-side layui-bg-black">
  <div class="layui-side-scroll">
    <ul class="layui-nav layui-nav-tree" lay-filter="side-nav">
      <li class="layui-nav-item layui-this">
        <a href="javascript:;" data-url="cata.html">主页</a>
      </li>
      <li class="layui-nav-item">
        <a href="javascript:;" data-url="type-manage.html">文章类型管理</a>
      </li>
      <li class="layui-nav-item">
        <a href="javascript:;" data-url="add.html">文章添加</a>
      </li>
      <li class="layui-nav-item">
        <a href="javascript:;" data-url="article.html">文章管理</a>
      </li>
    </ul>
  </div>
</div>
<style>
  .layui-logo {
    display: flex;
    justify-content: left;
    flex: 1;
  }
</style>